<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Joystick for HTML5 Frogger</title>
	<meta name="description" content="A simple Frogger-like Game using the HTML5 Canvas Element">
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">  
	<link href="./scripts/css" rel="stylesheet" type="text/css">
	<link href="./scripts/frogger.css" rel="stylesheet" type="text/css">
	
	<script type="text/javascript" src="./scripts/joystick.js"></script>
	<script type="text/javascript" language="javascript" src="./scripts/kaazing/StompJms.js"></script>

	<meta name="author" content="Axel Kratel">

</head>





<body>

    <table>
		<tr>
		<td>
			<img id="arrowDown" src="images/arrowDown.jpg" width="56" height="56"/>	
		</td>
		<td>
			    <div id="yesMotion"> 
        <div id="ball"></div>
	<center><img id="wheelImg" src="images/wheel0.jpg" width="190" height="190"></img></center>
    </div>
    <div id="printVeloX"></div>
    <div id="printVeloY"></div>
    <div id="noMotion">
    Your browser does not support Device Orientation and Motion API. Try this sample with iPhone, iPod or iPad with iOS 4.2+.    
    </div>
		</td>
		<td>
			<img id="arrowUp" src="images/arrowUp.jpg" width="56" height="56"/>	
		</td>
	</tr>
		<tr>
		<td>
			<img src="images/arrowDownThumb.jpg" width="56" height="56"
			onclick="document.getElementById('arrowDown').style.display='none'"/>
		</td>
		<td>
		
		</td>
		<td>
			<img src="images/arrowUpThumb.jpg" width="56" height="56"
			onclick="document.getElementById('arrowUp').style.display='none'"/>
		</td>
	</tr>

    </table>
</div> 
<div id="joysticklogger">

<form id='pincode'>
<b>Please Enter Pin Code: </b>
<input id="phonePin" type="text"/>
<a href="javascript: init()"><b>Submit</b>	
</form>

  <form id="form1">
    <textarea id="joystickMsg" cols="75" rows="2"></textarea>
    <textarea id="log" cols="75" rows="12"></textarea>
    <button onclick="logMsg='Log Cleared...\n';document.getElementById('log').innerHTML=logMsg";>Clear Log</button>  	
  </form>  


</div>


 
</body> 
</html> 